@charset "UTF-8";
*{margin:0;padding:0;font-size:18px}

#main{
	a{
		text-decoration:none;
		color:#333;
		font-weight:normal;
	}
	.ui-panel-wrapper{
		background-color:rgb(239,239,239);
	}
	.content{
		padding:0;
	}
	.overFlow{
		overflow:hidden;
	}
}

%pos{
	position:fixed;
	bottom:0;
	z-index:100;
}
.rightTool{
	@extend %pos;
	right:10px;
}
.height25{
	width:100%;
	height:36px;
}
.bigIcon{
	width:2.2em;
	height:2.2em;
}
.leftTool{
	@extend %pos;
	left:10px;
}
.transparent{
	display:none;
}

@media screen and (min-width:400px){
	#findSkill{
		#classification{
			#chooseType{
				ul{
					li{
						margin:0 5px 0 5px;
					}
				}
			}
		}
	}
}
@media screen and (max-width:400px){
	#findSkill{
		#classification{
			#chooseType{
				ul{
					li{
						margin:0 1% 0 1%;
					}
				}
			}
		}
	}
}
@media screen and (max-width:340px){
	#findSkill{
		#classification{
			#chooseType{
				ul{
					li{
						margin:0;
					}
				}
			}
		}
	}
}

#findSkill{
	#classification{
		position: fixed;
		box-shadow:0 2px 3px rgb(219,219,219);
		line-height:36px;
		overflow:hidden;
		background-color:white;
		font-family:楷体;
		#chooseType{
			position:relative;
			height:36px;
			// background-color:rgba(6,193,174,0.5);
			ul{
				height:36px;
				margin:0 auto;
				text-align:center;
				li{
					display:inline-block;
					height:34px;
					text-align:center;;
				}
			}
		}
	}
	#messageList{
		margin:10px 0 0 0px;
		ul{
			li{
				height:110px;
				background-color:white;
				list-style:none;
				margin:10px 0 0 0px;
				a{
					display:block;
					width:100%;
					height:100%;
					padding:7px;
					font-family:华文新魏;
					text-overflow:ellipsis;
					overflow:hidden;
				}
			}
		}
	}
	#controlPanel{
		background-color:rgb(239,239,239);
		h2{
			font-family:楷体;
			text-align:center;
		}
		a{
			font-family:楷体;
		}
	}
}

#needForm{
	label,legend{
		font-family:华文新魏;
		font-size:20px;
		margin-bottom:0;
	}
	fieldset{
		label{
			font-size:14px;
			font-family:楷体;
		}
	}
	textarea{
		font-size:16px;
		font-family:楷体;
	}
	#submitForm{
		text-align:center;
		button{
			width:40%;
		}
	}
}

#details{
	#detailed{
		font-family:楷体;
		background-color:white;
	}
	#handle{
		text-align:center;
		button{
			width:40%;
		}
	}
}

#releaseSkill{
	@extend #findSkill;
}

.nomessage{
	text-align:center;
}

.warning{
	color:red;
}